
<!doctype html>
<html>
	<head>
		<title>test page template</title>
		<style>
			#demo {
				overflow:scroll;
				margin-top:5em;
			}
		
			.w { 
				width:5em;
				padding:1em;
				position:absolute;
				border: 1px solid black;
				z-index:5;				
			}
			._jsPlumb_connector {
				z-index:4;
			}
			
			._jsPlumb_endpoint {
				z-index:6;
			}

			.dragHover { border:1px dotted red; }
			
		</style>
	</head>
	<body>
		<div id="demo">
		
				
		</div>
	
	 	<script type="text/javascript" src="../../js/lib/jquery-1.7.1-min.js"></script>
		<script type="text/javascript" src="../../js/lib/jquery-ui-1.8.16-min.js"></script>
		<script type="text/javascript" src="../../js/lib/jsBezier-0.4-min.js"></script>
		<!-- util -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-util-1.3.14-RC1.js"></script>
		<!-- base DOM adapter -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-dom-adapter-1.3.14-RC1.js"></script>
		<!-- main jsplumb engine -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-1.3.14-RC1.js"></script>
		<!-- connectors, endpoint and overlays  -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-defaults-1.3.14-RC1.js"></script>		
		<!-- state machine connectors -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-connectors-statemachine-1.3.14-RC1.js"></script>		
		<!-- SVG renderer -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-renderers-svg-1.3.14-RC1.js"></script>
		<!-- canvas renderer -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-renderers-canvas-1.3.14-RC1.js"></script>
		<!-- vml renderer -->
		<script type="text/javascript" src="../../js/1.3.14/jsPlumb-renderers-vml-1.3.14-RC1.js"></script>
		<!-- jquery jsPlumb adapter -->
		<script type="text/javascript" src="../../js/1.3.14/jquery.jsPlumb-1.3.14-RC1.js"></script>					            			
		
		<script>				
			jsPlumb.ready(function() {
				
				
			});
		</script>
	</body>
</html>
